<template>
  <ContainerGroup>
    <!-- <Container style="margin-bottom: 10px;">
      <div>
        <el-select v-model="bjType" placeholder="请选择">
          <el-option
            v-for="(item,index) in typeList"
            :key="index"
            :label="item.label"
            :value="item.value"
            @click.native="handleClickOption(index)"
          />
        </el-select>
      </div>
    </Container> -->
    <Container class="content" height="fill">
      <component :is="componentId" />
    </Container>
  </ContainerGroup>
</template>
<script>
import Department from './component/department'
import Project from './component/project'
export default {
  name: 'DataComparison',
  components: { Department, Project },
  data() {
    return {
      componentId: 'Department',
      bjType: '1',
      typeList: [
        {
          label: '科室',
          value: '1'
        },
        {
          label: '项目',
          value: '2'
        }
      ]
    }
  },
  methods: {
    handleClickOption(index) {
      if (index === 0) {
        // 科室
        this.componentId = 'Department'
      } else {
        // 项目
        this.componentId = 'Project'
      }
    }
  }
}
</script>
